
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!-- ===================== JS ===================== -->
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/libs/ios-orientationchange-fix.js"></script>
<script src="js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script src="js/plugins/widgets/jquery.sparkline.min.js"></script>
<script src="js/common.js"></script>

<!-- Site specific -->
<script src="js/libs/prettify.js"></script>
<script src="js/plugins/charts/jquery.flot.min.js"></script>
<script src="js/plugins/charts/jquery.flot.resize.min.js"></script>
<script src="js/plugins/charts/jquery.flot.pie.min.js"></script>
<script src="js/plugins/charts/jquery.flot.stack.min.js"></script>
<script src="js/plugins/charts/jquery.flot.symbol.min.js"></script>
<!--[if lt IE 9]>      
          <script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
    <![endif]-->
<script src="js/plugins/tables/jquery.dataTables.min.js"></script>
<script src="js/plugins/calendar/fullcalendar.min.js"></script>
<script src="js/plugins/formselements/chosen.jquery.min.js"></script>
<script src="js/plugins/formselements/scrollability.min.js"></script>
<script src="js/plugins/formselements/jquery.dropkick-1.0.0.js"></script>

<script src="js/script.js"></script>
<script src="js/specific/sparks.js"></script>
<script src="js/specific/index.js"></script>

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<div class="side_nav sidebar-nav" data-spy="affix" data-offset-top="150">
	<h3 class="main_menu group">
		<span class="title">Main Menu</span> <a id="nav_list_btn"
			class="btn-collapse btn btn-inverse"> <span
			class="sweet-gray sweet-go-back-from-screen">&nbsp;</span>
		</a>
	</h3>
	<ul class="nav nav-list">
		<li class="anal_web active" class="anal_web" id="anal_web1"><a
			href="${pageContext.request.contextPath}/template/">Dashboard</a></li>
		<li class="sub anal_web" id="anal_web2"><a class="uielements"
			href="#">Alexa</a>
			<ul>
				<s:iterator value="site">
					<li><a class="optionTab" onclick="TabSelectionner(2)"
						href="${pageContext.request.contextPath}/template/Alexa?idSite=<s:property value="id_site"/>">
							<s:property value="url_site" />
					</a></li>
				</s:iterator>
			</ul></li>
		<li class="sub anal_web" id="anal_web3"><a class="uielements"
			href="#">Performance</a>
			<ul>
				<s:iterator value="site">
					<li><a class="optionTab" onclick="TabSelectionner(3)"
						href="${pageContext.request.contextPath}/template/Performance?idSite=<s:property value="id_site"/>">
							<s:property value="url_site" />
					</a></li>
				</s:iterator>
			</ul></li>

		<li class="anal_web" id="anal_web4"><a class="optionTab charts"
			href="${pageContext.request.contextPath}/template/siteuser?login=${sessionScope.login}"
			onclick="TabSelectionner(4)">Sites</a></li>

		<li class="sub anal_web" id="anal_web5"><a class="uielements"
			href="#">Validateur CSS</a>
			<ul>
				<s:iterator value="site">
					<li><a class="optionTab" onclick="TabSelectionner(5)"
						href="${pageContext.request.contextPath}/template/ValidateurCSS?idSite=<s:property value="id_site"/>">
							<s:property value="url_site" />
					</a></li>
				</s:iterator>
			</ul></li>
			<li class="sub anal_web" id="anal_web6"><a class="uielements"
			href="#">Validateur Html</a>
			<ul>
				<s:iterator value="site">
					<li><a class="optionTab" onclick="TabSelectionner(6)"
						href="${pageContext.request.contextPath}/template/ValidateurHTML?idSite=<s:property value="id_site"/>">
							<s:property value="url_site" />
					</a></li>
				</s:iterator>
			</ul></li>
			<li class="sub anal_web" id="anal_web7"><a class="uielements"
			href="#"> Referencement</a>
			<ul>
				<s:iterator value="site">
					<li><a class="optionTab" onclick="TabSelectionner(7)"
						href="${pageContext.request.contextPath}/template/Referencement?idSite=<s:property value="id_site"/>">
							<s:property value="url_site" />
					</a></li>
				</s:iterator>
			</ul></li>
		<li><a class="calendar" href="calendar.html">Option4</a></li>
		<li><a class="gallery" href="gallery.html">Option5</a></li>
		<li class="sub"><a class="uielements" href="#">Option6<span>8</span></a>
			<ul>
				<li><a href="accordions.html">Accordions</a></li>
				<li><a href="buttons_icons.html">Buttons and Icons</a></li>
				<li><a href="breadcrumbs.html">Breadcrumbs</a></li>
				<li><a href="progressbars.html">Progressbars</a></li>
				<li><a href="sliders.html">Sliders</a></li>
				<li><a href="tabs.html">Tabs</a></li>
				<li><a href="tooltips_popovers.html">Tooltips and Popovers</a></li>
				<li><a href="miscellaneous.html">Misc</a></li>
			</ul></li>
		<li><a class="filemanager" href="file_manager.html">File
				Manager</a></li>
		<li><a class="typography" href="typography.html">Typography</a></li>
		<li><a class="gridsystem" href="grid_system.html">Grid System</a></li>
		<li><a class="widgets" href="widgets.html">Widgets</a></li>
		<li class="sub"><a class="pages" href="#">Pages<span>6</span></a>
			<ul>
				<li><a href="login.html">Login</a></li>
				<li><a href="search.html">Search</a></li>
				<li><a href="mail.html">Mail</a></li>
				<li><a href="profile.html">Profile</a></li>
				<li><a href="invoice.html">Invoice</a></li>
				<li class="sub"><a href="#">Error<span>6</span></a>
					<ul>
						<li><a href="error_403.html">403</a></li>
						<li><a href="error_404.html">404</a></li>
						<li><a href="error_405.html">405</a></li>
						<li><a href="error_500.html">500</a></li>
						<li><a href="error_503.html">503</a></li>
						<li><a href="offline.html">Offline</a></li>
					</ul></li>
			</ul></li>
	</ul>
	<div class="sidebar_widget group">
		<h3 class="group">
			Statistic <a id="toggle_widget_statistic"
				class=" btn-side-collapse btn btn-inverse"> <span
				class="sweet-gray sweet-go-back-from-screen">&nbsp;</span>
			</a>
		</h3>
		<ul class="widget_statistic">
			<li>
				<p>
					Partnership <span>34%</span>
				</p>
				<div
					class="progress progress-color-1 progress-striped progress-mini active">
					<div class="bar" style="width: 34%"></div>
				</div>
			</li>
			<li>
				<p>
					Corporation <span>57%</span>
				</p>
				<div
					class="progress progress-color-2 progress-striped progress-mini active">
					<div class="bar" style="width: 57%"></div>
				</div>
			</li>
			<li>
				<p>
					Completion rate <span>72%</span>
				</p>
				<div
					class="progress progress-warning progress-striped progress-mini active">
					<div class="bar" style="width: 72%"></div>
				</div>
			</li>
			<li>
				<p>
					Pageviews <span>93%</span>
				</p>
				<div
					class="progress progress-success progress-striped progress-mini active">
					<div class="bar" style="width: 93%"></div>
				</div>
			</li>
		</ul>
	</div>
	<div class="sidebar_widget group">
		<h3>
			Content Overview <a id="toggle_widget_info"
				class="btn-side-collapse btn btn-inverse"> <span
				class="sweet-gray sweet-go-back-from-screen">&nbsp;</span>
			</a>
		</h3>
		<ul class="widget_info">
			<li><a href="#"><i class="sweet-mail sweet-gray"></i><span>25</span>
					- Post</a></li>
			<li><a href="#"><i class="sweet-document sweet-gray"></i><span>6</span>
					- Page</a></li>
			<li><a href="#"><i class="sweet-list-images sweet-gray"></i><span>21</span>
					- Category</a></li>
			<li><a href="#"><i class="sweet-tag-2 sweet-gray"></i><span>134</span>
					- Tags</a></li>
		</ul>
	</div>

</div>
<!--/.well -->
<script type="text/javascript">
	var idPage = 0;
	var jContent = $("#AnalyseurContent");

	// Hook up link click events to load content.
	$(".optionTab").click(function(objEvent) {

		var jLink = $(this);

		// Clear status list.
		$("#ajax-status").empty();

		// Launch AJAX request.
		$.ajax({
			// The link we are accessing.
			url : jLink.attr("href"),

			// The type of request.
			type : "get",

			// The type of data that is getting returned.
			dataType : "html",

			error : function() {
				ShowStatus("AJAX - error()");

				// Load the content in to the page.
				jContent.html("<p>Page Not Found!!</p>");
			},

			beforeSend : function() {
				ShowStatus("AJAX - beforeSend()");
			},

			complete : function() {
				jContent.html();
			},

			success : function(strData) {
				// Load the content in to the page.
				jContent.html(strData);

				if (idPage == 2)
					drawRegionsMap();
			}
		});

		// Prevent default click.
		return (false);
	});

	function TabSelectionner(num) {
		idPage = num;
		if (num == null)
			num = 1;
		var jTabCurrent = $("#anal_web" + num);
		//var jTitre = $("#titre");
		var jTabs = $(".anal_web");
		jTabs.removeClass("active");
		// Onglet courant. 
		jTabCurrent.addClass("active");
		//jTitre.html($("#titre" + num).html());
	}
</script>
<script type="text/javascript">
	// I show the status on the screen.
	function ShowStatus(strStatus) {
		var jStatusList = $("#AnalyseurContent");
		jStatusList.html("");
		// Prepend the paragraph.
		var contentHtml = "<ul class=\"breadcrumb br_styled no_space\"><li class=\"active\">Chargement</li></ul>"
				+ "<ul class=\"page_info\"><li><img src=\"${pageContext.request.contextPath}/template/img/loaders/page_loader.gif\"/>"
				+ "</li></ul>";
		jStatusList.prepend(contentHtml);
	}
</script>
